<template>
<<<<<<< HEAD
  <div id="app">
    <div id="nav">
      <router-link to="/wenda"></router-link> 
      
    </div>
    <router-view/>
  </div>
</template>

=======
 <div>
   <!-- 底部导航 -->
    <transition name="zihang">
      <FooterNav v-show="isShow" />
    </transition>
    <router-view />
</div>
   
</template>

<script>
// 模块化导入底部组件
import FooterNav from "./components/FooterlistNav"
import HeaderNav from './components/HeaderNav';
	import Login from './components/Login.vue';
	import Wx from './components/wx.vue';
export default {
  data() {
    return {
      isShow: true,
    };
  },
  // 在当前组件中注册
  components: {
    FooterNav,
    HeaderNav,
    	Login,
			Wx,
  },
  // created() {
  //   this.isShow = true;
  //   // 订阅让底部菜单 隐藏或显示功能
  //   this.$eventBus.$on("hideMenu", (v) => {
  //     this.isShow = v;
  //   });
  // },
};
</script>

>>>>>>> 9e5f214b39cff513c61965526a7181fb0b4e04b7
<style lang="scss">
body, p, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, input, figure {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

ul, ol, li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
}

img {
  vertical-align: top;
}

html, body {
  height: 100%;
}

// input {
//   border: none;
//   outline: none;
// }

// @media only screen and (max-width: 320px) {
//   html {
//     font-size: 12px;
//   }
// }
// @media only screen and (min-width: 321px) and (max-width: 375px) {
//   html {
//     font-size: 14px;
//   }
// }
// @media only screen and (min-width: 376px) {
//   html {
//     font-size: 16px;
//   }
// }
</style>

</style>
